<div fxFlexFill fxLayout="row">
    <aside fxFlex="15%" fxLayout="column" class="turbine-list">
      <div class="bg" fxFlexFill fxLayout="column">
        <app-device-tag-selector fxFlexFill     
        [farmCategory]="farmCategory"
        [deviceCategories]="deviceCategories"
        [selectedFarm]="currentFarm"         
        [multipleFarm]="false"
        [selectedDeviceId]="selectedDeviceId"   
        [includeTagSelector]="false"        
        (selectedDevicesChange)="onSelectedDevicesChange($event)">       
        </app-device-tag-selector>
      </div>
    </aside>
    <section fxFlex="85%" fxLayout="column" class="turbine-list-right">
      <header>
        <app-farm-selector [farmId]="farmId" [farmCategory]="farmCategory" (currentFarmChange)="onChangeFarm($event)"></app-farm-selector>
      </header>
      <div class="scrollbar">
        <app-convergencebox-view [farm]="currentFarm" [inverters]="inverters">
        </app-convergencebox-view>
      </div>  
    </section>
  </div>